import { View } from '@tarojs/components'
import Card from 'components/CodeCard'
import s from './index.module.scss'
import code from './code.md'
import { useState } from 'react'


export default function Border() {
  const [show, setShow] = useState(true)
  return(
    <Card
    title='border-bottom-color'
      desc='设置下边框的颜色'
      renderCode={() =>( show ? <wemark md={code} link highlight type='wemark' /> : null)}
      btn={() =>{setShow(!show)}}
    >
      <View className={s.container}>
        <View className={s.box_2}></View>
      </View>
    </Card>
  )
}